import Highcharts from 'highcharts'
import HighchartsReact from 'highcharts-react-official'


// 图表1
const options1 = {
    chart: {
        type: "pie",
        width: 200,
        height: 200,
        // color:"#fff"
    },
    spline: {
        dashStyle: 'solid',
        // 线条宽度
        lineWidth: 0,
    },
    title: {
        text: '',
        align: 'center',
        verticalAlign: 'middle',
        x: 6,
        style: {
            color: "#fff",
            fontSize: "24px",
            lineHeight: "36px",
            letterSpacing: "6px",
        }
    },
    tooltip: {
        enabled: false
    },
    plotOptions: {
        pie: {
            dataLabels: {
                enabled: false,
            },
            startAngle: 0, // 圆环的开始角度
            endAngle: 360,    // 圆环的结束角度
            borderWidth: 0,
        }
    },
    series: [{
        type: 'pie',
        name: '产业分布',
        innerSize: '92%',
        data: [
            ['第一产业', 1],
            ['第二产业', 1],
            ['第三产业', 1],
        ]
    }],
    credits: {
        //去除版权信息
        enabled: false
    },

}

const Charts1 = () => {
    return (
        <div>
            <HighchartsReact
                highcharts={Highcharts}
                options={options1}
            />
        </div>

    )
}

export default Charts1;
